<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="1">
    <caption>用户列表</caption>
    <tr>
        <th>用户名</th><th>密码</th><th>昵称</th>
    </tr>
</table>

<script>
  let arr = [{name:"刘德华",pass:"1234",nick:"华仔"},
      {name:"刘德华",pass:"2345",nick:"华仔"},
      {name:"刘德华",pass:"3456",nick:"华仔"},]
  let table = document.querySelector("table");
  for (let info of arr){
      let tr = document.createElement("tr");
      let username = document.createElement("td");
      let password = document.createElement("td");
      let nicknaem = document.createElement("td");
      username.innerText = info.name;
      password.innerText = info.pass;
      nicknaem.innerText = info.nick;
      tr.append(username,password,nicknaem);
      table.append(tr);
  }
</script>
</body>
</html>